/*
 This is CSS file only for the layout of pages
 Source: http://www.dynamicdrive.com/style/layouts/
*/

body {
  margin:0;
  padding:0;
  padding-bottom:20px;
}

#maincontainer {
  width: 975px; /*Width of main container*/
  margin: 0 auto; /*Center container on page*/
}

#topsection {
}

/* FOOTER */
#footer {
  clear: left;
  width: 100%;
}

#contentwrapper {
  float: left;
  padding-top: 15px;
  width: 975px;
}

#main-errors {
}

/* Styles for 2 equal columns 50% and 50% */
    .twoColumns50x50Left {
      width: 480px;
      float: left;
    }

    .twoColumns50x50Right {
      width: 480px;
      float: right;
    }
    
    .twoColumns50x50Top {
      width: 100%;
      float: top;
    }
/* End of Styles for 2 equal columns 50% and 50%*/
    
    /* Styles for 2 columns 350px and 610px */
    .twoColumnsBigLeftLeft {
      width: 610px;
      float: left;
    }

    .twoColumnsBigLeftRight {
      width: 350px;
      float: right;
    }
    
    .twoColumnsBigLeftTop {
      width: 100%;
      float: top;
    }
/* End of Styles for 2 columns 350px and 610px */

/* ONE COLUMN LAYOUT */
  .oneColumnLayout #contentcolumn {
    margin: 0;
  }

/* TWO COLUMNS LAYOUT */
  .twoColumnsLayout #leftcolumn {
    width:640px;
    float:left;
  }

  .twoColumnsLayout #rightcolumn {
    width: 300px;
    float:right;
  }